﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>About Us</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery00.js"></script> 
<script type="text/javascript" src="js/jquery01.js"></script>		
<script type="text/javascript" src="js/coin-sli.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#coin-slider').coinslider({
            width: 900, height: 300, navigation: true, effect: 'random', //random, swirl, rain, straight
            delay: 3000//Delay between transitions
        });
    });
</script>
<script type="text/javascript" src="js/function.js"></script>
</head>
<body class="noJs">
	<div class="container">
		<div id="header">
			<div class="wrap">
				<div class="logo">
					<a href="#" title="Design Lovers">Design Lovers</a>
				</div>
				<ul id="nav">
					<li class="current"><a href="https://recommendmemusic.appspot.com/">Home</a></li>
					<li><a href="aboutus.html">About</a></li>
					<li><a href="reportbug.html">Report a bug</a></li>
				</ul>
			</div>
		</div>
		<div class="separator"></div>
		<div id="slider_container">
			<div class="wrap">
				<div id="coin-slider">
					<a href="#">
						<img src="images/f1.jpg" alt="" />
						<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum mauris nisi, posuere vitae blandit a, pretium ac nibh.</span>
					</a>
					<a href="#">
						<img src="images/f2.jpg" alt="" />
						<span><strong>Add description here.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </span>
					</a>
					<a href="#">
						<img src="images/f3.jpg" alt="" />
						<span><strong>Add description here.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </span>
					</a>
					<a href="#">
						<img src="images/f4.jpg" alt="" />
						<span><strong>Add description here.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </span>
					</a>
					<a href="#">
						<img src="images/f5.jpg" alt="" />
						<span><strong>Add description here.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </span>
					</a>
				</div>
			</div>
		</div>
		<div class="separator"></div>
		<div class="columns">
			<div class="wrap">
				<div class="twoOfThree last headline">
					<h1>About Us</h1>
					<p>
					
					Particularily I wonder what you would like to know about us.</p>
					<p>
					
					&nbsp;</p>
					<p>
					
					If you want to contact us feel free to drop an email on any 
					of</p>
					<p>
					
					the following email ids.</p>
					<p>
					
					<a href="mailto:ramjot09038@iiitd.ac.in">
					Ramjot Singh ramjot09038@iiitd.ac.in</a></p>
					<p>
					
					<a href="mailto:varun09054@iiitd.ac.in">
					Varun Sachdeva varun09054@iiitd.ac.in</a></p>
					<p>
					
					&nbsp;</p>
					&nbsp;</div>
			</div>
			<div class="separator"></div>
			<div class="wrap">
				<div class="oneOfThree first">
				</div>
				<div class="oneOfThree">
				</div>
			</div>
		</div>
	</div>
	<div id="footer">
		<div class="container">
			<div class="wrap">
				<div class="footer_logo">
					<a href="#" title="Design Lovers">Design Lovers</a>
				</div>
				<ul id="footer_nav">
					<li class="current"><a href="https://recommendmemusic.appspot.com/">Home</a></li>
					<li><a href="aboutus.html">About</a></li>
					<li><a href="reportbug.html">Report a bug</a></li>
				</ul>
				<p id="copy">Designed by EPIC&nbsp; Fail Coders</p>
			</div>
		</div>
		<div class="clear"></div>
	</div>
</body> 
</html>
